﻿@{
    ViewData["Title"] = "HandEventView";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script src="~/layui/jquery-3.3.1.js"></script>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">.
</head>
<body>    
<div style="margin:60px">
    <div>
        <div class="layui-input-inline">
            <div class="layui-form layui-row layui-col-space16">
                <label class="layui-form-label" style="margin-top:10px">事件类型：</label>
                <div class="layui-col-md6" style="width:300px">
                    <select id="EventTypeID">
                        <option value="">请选择</option>
                    </select>
                </div>
            </div>
        </div>
        
        <div class="layui-input-inline">
            <div class="layui-form layui-row layui-col-space16">
                <label class="layui-form-label" style="margin-top:10px">事件级别：</label>
                <div class="layui-col-md6" style="width:300px">
                    <select id="EventLevelID">  
                        <option value="">请选择</option>
                    </select>
                </div>
            </div>
        </div>
        <br />
        <div class="layui-input-inline">
            <div class="layui-form layui-row layui-col-space16">
                <label class="layui-form-label" style="margin-top:10px">事件来源：</label>
                <div class="layui-col-md6" style="width:300px">
                    <select id="EventSourceID">
                        <option value="">请选择</option>
                    </select>
                </div>
            </div>
        </div>
        <br />
        <div class="layui-inline" style="text-align:center">
            <button id="searchbtn" type="button" class="layui-btn" style="background-color:#1e9fff">搜&emsp;索</button>
            <button type="button" class="layui-btn" style="background-color:#ff5722">重&emsp;置</button>
        </div>
    </div>
    <!--事件分类-->
    <div class="layui-tab" lay-filter="test-hash">
        <ul class="layui-tab-title" >
            <li class="layui-this" lay-id="1">全部事件</li>
            <li lay-id="2">紧急事件</li>
            <li lay-id="3">督办事件</li>
            <li lay-id="4">催办事件</li>
            <li lay-id="5">延期事件</li>
            <li lay-id="6">挂起事件</li>
            <li lay-id="7">超期事件</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <table id="ID-table-demo-setRowChecked" lay-filter="test"></table>
            </div>  
        </div>
    </div>
    <script type="text/html" id="barDemo">
        <div class="layui-btn-container">
            <a class="layui-btn layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit">办理</i></a>
        </div>
    </script>
</div>
    <script src="~/js/EvenHand/HandList.js?n=" + new Date()"></script>
</body>
</html>
    

<script type="text/javascript">
    var a_idx = 0;
    jQuery(document).ready(function ($) {
        $("body").click(function (e) {
            var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "敬业", "诚信", "友善");
            var $i = $("<span/>").text(a[a_idx]);
            a_idx = (a_idx + 1) % a.length;
            var x = e.pageX,
                y = e.pageY;
            $i.css({
                "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
                "top": y - 20,
                "left": x,
                "position": "absolute",
                "font-weight": "bold",
                "color": "#ff6651"
            });
            $("body").append($i);
            $i.animate({
                "top": y - 180,
                "opacity": 0
            },
                1500,
                function () {
                    $i.remove();
                });
        });
    });
</script>


